@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.hidden{overflow: hidden;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:660px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:rgba(0,0,0,.3);display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#e27a4c}
.flexslider .slides a img{width:100%;height:660px;display:block}

/*头部*/
.header{border-top:5px solid #0366c1}
.header .head_top{background:url(../images/bei.png) no-repeat top right;height:120px}
.header .head_top .tel_box{width:260px;height:120px;color:#fff}
.header .head_top .tel_box>a{color:#fff;padding:0 8px;line-height:36px}
.header .head_top .tel_box .tel{margin-top:20px;width:235px;text-align:right}
.header .head_top .tel_box .tel p{display:block;font-size:14px;color:#696969;text-align:right;background:url(../images/tell.png) 130px 2px no-repeat;height:18px;line-height:18px}
.header .head_top .tel_box .tel b{font-size:30px;color:#e27a1b;font-family:arial;font-weight:700;margin-top:3px}
.header .head_nav{background:#555;height:50px;border-top:3px solid #fff}
.header .head_nav ul li{width:200px;float:left;height:50px;line-height:50px;font-size:16px;text-align:center;position:relative}
.header .head_nav ul li a{color:#fff;display:block;width:100%}
.header .head_nav ul li:hover{background:#0366c1;height:50px}
.header .head_nav ul li:hover a{color:#fff;border-top:3px solid #e27a1b;position:absolute;top:-3px}
.header .head_nav ul li.on{background:#0366c1;height:50px}
.header .head_nav ul li.on a{color:#fff;border-top:3px solid #e27a1b;position:absolute;top:-3px}

/*product start*/
.product{padding:50px 0 30px 0; background: url(../images/probg.jpg) no-repeat center bottom;}
.leftNav{ width:278px; background: #fff;height: 803px;border: 1px solid rgba(204, 204, 204, 0.47);}
.pro_title{padding:20px 0 20px 50px; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.pro_title span{ display: block; font-size:15px; color:#fff}
.leftNav span.t1{display: block;    line-height:53px;background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav span.t1 a{margin-left:35px;font-weight: bold; font-size:16px;color:#00529c; padding-left:20px; background: url(../images/arrow_01.jpg) no-repeat left; }
.leftNav ul.secnav{line-height: 20px;}
.leftNav ul.secnav li{line-height:44px;border-bottom: 1px dashed rgba(204, 204, 204, 0.55);}
.leftNav ul.secnav li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-left:35px; font-size:15px;color:#666; padding-left:20px;}
.pro_con{width:920px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#00529C;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 26px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333;    font-size: 15px; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,82,156,0.8)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{   border-bottom: 35px solid #e0791d;}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #00529c;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*company start*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.company {padding: 50px 0;background: url(../images/combg.png) no-repeat center top;height: 400px;}
.company .title{width: 220px;color: #fff}
.company .title p{font-size: 34px;line-height: 200%;padding-top: 20px}
.company .title a.more{display:block;width: 120px;height: 35px;background: url(../images/more.png) no-repeat center;color: #fff;text-align: center;line-height: 35px;margin-top: 20px}
.company .com_body{width: 930px;}
.company .com_body .com_con{width: 420px;color: #fff}
.company .com_body .com_con b{font-size: 18px;color: #E99A24;display: block;margin: 50px 0 20px}
.company .com_body .com_con p{line-height: 180%;text-indent: 2em;}
.company .com_body img{margin: 20px 0}

/*adv start*/
.adv{padding: 50px 0 20px;background: #fff}
.adv .titleOne{width: 100%;height: 140px;background: url(../images/homeB_titleImg.png) no-repeat center;}
.adv .bg{width:100%; background:url(../images/homeBbg.jpg) no-repeat center;}
.adv .box{ float:left; width:470px;height:515px;padding:10px 65px;}
.adv .box b{color:#00529c; font-size:26px; margin:20px 0;display: block;}
.adv .box p{font-size:15px; color:#555;line-height:25px; margin:20px 0 10px 0;text-indent: 2em;}
.adv .box span{color:#00529c;}
.adv .box em{ margin:0 5px 0 0; font-style:normal;color:#00529c;}
.adv .box img{ display: block;width: 100%}
.adv .one{padding:20px 0px 0 100px}
.adv .one b{padding-top: 20px;}
.adv .two{padding:20px 0px 0 60px}
.adv .two img{margin:20px 0;}
.adv .three{padding:20px 20px 0 100px}
.adv .four{padding:20px 90px 0 40px}

/*ggt start*/
.ggt{padding: 30px 0;background:url(../images/telbg.jpg) no-repeat center;text-align: center;}
.ggt b{font-size: 38px;color: #fff;font-weight: normal;display: block;text-align: center;padding-bottom: 10px;letter-spacing: 2px;}
.ggt span{font-family: Arial;color: #fff;font-size: 20px;opacity: 0.8;}
.ggt .xt{margin: 15px auto 10px;height: 5px;width: 100px;border-radius: 10px;background: #DB9124;}
.ggt p{font-size: 18px;line-height: 35px;color: #fff;text-align: center;}
.ggt p span{font-weight: bold;font-size:30px;color: #FF9B00;letter-spacing: 1px;}

/*new start*/
.new{padding:50px 0;background: url(../images/newbg.jpg) no-repeat center top;/*background-color: #fff;*/}
.g_news{width:810px; }
.g_news .new_title{background: url(../images/newtit1.png) no-repeat 0 9px; border-bottom: 1px solid #d1d1d1; padding-left: 12px; height: 54px;line-height: 54px;padding-left: 45px; font-size: 20px;margin-bottom: 20px; overflow: hidden; font-weight: bold;}
.g_news .new_title span{display: inline-block;color: #333;}
.g_news .new_title a.fr{color: #666;width: 52px;height: 22px;line-height: 22px; font-size: 12px;text-transform: uppercase;font-weight: normal;text-align: center; margin-top: 15px;border:1px solid #666;border-radius: 3px;}
.g_news .new_title a.fr:hover {background: #F0AB00;border-color: #F0AB00}
.g_news .newcon{width: 810px;}
.g_news .newcon .newcon_l{width: 300px;}
.g_news .newcon .newcon_l .newnr i{display: block;width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 35px;font-size: 16px}
.g_news .newcon .newcon_l .newnr p{font-size: 14px;color: #999}
.g_news .newcon .newcon_r{width: 490px;}
.g_news .newcon .newcon_r ul li{width: 470px;height: 60px;background: #eee;margin-top: 19px;padding: 10px}
.g_news .newcon .newcon_r ul li:nth-child(1) {margin-top: 0px;}
.g_news .newcon .newcon_r ul li .date{width: 80px;height: 60px;text-align: center;padding-right: 10px;}
.g_news .newcon .newcon_r ul li .date b{font-size: 30px;line-height: 40px;}
.g_news .newcon .newcon_r ul li .date p{text-align: center;line-height: 20px;font-size: 13px;}
.g_news .newcon .newcon_r ul li .con{width:355px;height: 60px;border-left: 1px solid #ddd;padding-left: 24px}
.g_news .newcon .newcon_r ul li .con i{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 30px;font-size: 16px;}
.g_news .newcon .newcon_r ul li .con p{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 30px;font-size: 14px;color: #999}
.g_news .newcon .newcon_r ul li:hover {background: #FFAB00;}
.g_news .newcon .newcon_r ul li:hover a{color: #fff}
.g_news .newcon .newcon_r ul li:hover p{color: rgba(255,255,255,0.7);}

.wend{width: 350px;}
.wend .wd_title{background: url(../images/newtit2.png) no-repeat 0 9px; border-bottom: 1px solid #d1d1d1;height: 54px;line-height: 54px;padding-left: 45px; font-size: 20px;margin-bottom: 20px; overflow: hidden; font-weight: bold;}
.wend .wd_title span{display: inline-block;color: #333;}
.wend .wd_title a.fr{color: #666;display:block;width: 52px;height: 22px;line-height: 22px; font-size: 12px;text-transform: uppercase;font-weight: normal;text-align: center; margin-top: 15px;border:1px solid #666;border-radius: 3px;}
.wend .wd_title a.fr:hover {background: #F0AB00;border-color: #F0AB00}
.wend .otwdl{ height: 86px;border-bottom: 1px dashed #c8c8c8;margin-bottom: 9px;}
.wend .otwdl dt{ height:28px;  line-height:28px; margin-bottom: 6px; overflow: hidden;  font-size:16px; color:#000; font-weight: normal;}
.wend .otwdl dt a{ color:#000000;background:url(../images/wen.png) no-repeat 0 3px;padding-left:42px; display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wend .otwdl dd{ font-size: 14px; padding-left:42px; background:url(../images/da.png) no-repeat 0 3px; line-height:20px; color:#999; height: 40px; overflow: hidden; }  
.wend .otwdl dd a{color: #BF000A;}
.wend .lastdl{border-bottom: none;}

/*footer start*/
.footer{background: #014581;padding: 30px 0 0px;}
.product_list {width: 400px;}
.product_list li {float: left;width: 50%;}
.product_list li:nth-child(2n) {margin-right: 0;}
.product_list li a {color: #d9d9d9;font-size: 15px;display: block;margin-bottom:30px;padding-left: 20px;background: url(../images/fk.png)no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 35px;}
.foot_product b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.foot_lianxi {margin-left: 30px;}
.foot_lianxi b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.contact_list {width: 500px;}
.contact_list li {margin-bottom: 15px;font-size: 16px;color: #d9d9d9;}
.contact_list li a {color: #d9d9d9;font-size: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 89%;}
.contact_list li img {vertical-align: middle;margin-right: 20px;}
.foot_ewm {background: #444;width: 186px;height: 211px;margin: 0 auto;text-align: center;}
.foot_ewm img {width: 140px;margin:22px auto 15px;}
.foot_ewm p {font-size: 16px;color: #fff;text-align: center;}
.foot_bot{background: #444;line-height: 35px;margin-top: 20px;}
.foot_bot span{font-size: 15px;color: #fff;}
.foot_bot a{font-size: 15px;color: #fff;}
